import "./index.scss";
// import Iridescence from "@/components/reactBits/iridescence";
import Aurora from "@/components/reactBits/aurora";
import ScrollStack, {
  ScrollStackItem,
} from "@/components/reactBits/scrollStack";

const HomePage = () => {
  return (
    <div className="home_page_wrap">
      {/* 背景 */}
      <div className="home_background">
        <Aurora
          colorStops={["#7cff67", "#b19eef", "#5227ff"]}
          blend={0.5}
          amplitude={1.0}
          speed={1}
        />
      </div>

      <ScrollStack>
        <ScrollStackItem>
          <h2>Card 1</h2>
          <p>This is the first card in the stack</p>
        </ScrollStackItem>
        <ScrollStackItem>
          <h2>Card 2</h2>
          <p>This is the second card in the stack</p>
        </ScrollStackItem>
        <ScrollStackItem>
          <h2>Card 3</h2>
          <p>This is the third card in the stack</p>
        </ScrollStackItem>
      </ScrollStack>
    </div>
  );
};

export default HomePage;
